<template>
    <div>
        <div class="service-title">
            <span class="title">服务列表</span>
            <span class="more">更多<van-icon name="arrow" /></span>
        </div>
        <van-skeleton title :row="3" v-show="serviceList.length == 0" v-for="index in 3" :key="index + 'a'"/>
        <van-card :price="item.totalFee" :desc="item.content" :title="item.name" v-for="item, index in serviceList"
            :key="index" thumb="https://img01.yzcdn.cn/vant/ipad.jpeg" :tag="item.tag" @click="$router.push(`/service/${item.id}`)"> 
        </van-card>
    </div>
</template>

<script>
export default {
    name: "Service",
    props: ['serviceList'],
    data() {
        return {

        }
    },
    mounted() {
        
    },
    methods: {

    },
}
</script>

<style>
.service-title {
    margin: 10px 0 10px 0;
    display: flex;
    justify-content: space-between;
}

.title {
    font-size: 0.9rem;
    font-weight: 600;
}

.more {
    font-size: 0.7rem;
    color: gray;
}
</style>